import React, { Component } from 'react';
import logo from '../../assets/logo192.png'
class MyTabbar extends Component {
    state = {
        tabbar: [
            {
                pic: logo,
                name: "店铺"
            },
            {
                pic: logo,
                name: "分类"
            },
            {
                pic: logo,
                name: "全部商品"
            },
            {
                pic: logo,
                name: "购物车"
            },
            {
                pic: logo,
                name: "个人中心"
            },
        ]
    }
    render() {
        return (
            <div className='mytabbar'>
                <div className='goodprice'>
                    <div><input type="checkbox" name='checked' />全选</div>
                    <div className='allprice'>
                        <span>总价:</span>
                        <span className='red'>￥420</span>
                        <button>去结算</button>
                    </div>
                </div>
               <div className='footer'>
               {
                    this.state.tabbar.map((item, index) => {
                        return (
                            <div className='tab' key={index}>

                                <img src={item.pic} alt="" />
                                <div className='name'>{item.name}</div>
                            </div>
                        )
                    })
                }
               </div>
            </div>
        );
    }
}

export default MyTabbar;